<%--
  Created by IntelliJ IDEA.
  User: BM
  Date: 2024/7/20
  Time: 16:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
    <style>
        body{
            background: #bbf6e3;
        }
        .flex-content{
            width: 50%;
            text-align: center;
            margin: 40px auto;
            background: #fff;
            box-shadow: #d7d7d5 0 0 15px;
            border-radius: 8px;
            padding: 20px;
        }
        .flex{
            display: flex;

            align-items: center;
        }
        .form-label{
            flex: 0 0 100px;
            text-align: right;
        }
    </style>
</head>
<body>
<div>


    <div class="flex-content">
        <h3>登录</h3>
        <form action="${pageContext.request.contextPath}/login" method="post">
            <div class="mb-3 flex">
                <label for="name" class="form-label">账号：</label>
                <input type="text" name="name" required class="form-control" id="name">
            </div>
            <div class="mb-3 flex">
                <label for="password" class="form-label">密码：</label>
                <input type="password" name="password" required class="form-control" id="password">
            </div>
            <div class="mb-3">
                <button type="submit" style="width: 120px" class="btn btn-primary">登录</button>
            </div>
        </form>
    </div>
</div>

</body>
</html>
